<html>
	<head>
		<link rel="stylesheet" type="text/css" href="/js/jquery-easy-ui/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="/js/jquery-easy-ui/themes/icon.css">
		<script type="text/javascript" src="js/jquery-easy-ui/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-easy-ui/jquery.easyui.min.js"></script>
	</head>
	<body class="easyui-layout">
		<div data-options="region:'north',split:true" title="North Title" style="height:100px;padding:10px;">
			<p>The north content.</p>
		</div>
		<div data-options="region:'south',split:true" title="South Title" style="height:100px;padding:10px;background:#efefef;">
			<div date-options="region:'center'">sub center</div>
			<div data-options="region:'east',split:true" style="width:200px;">sub center</div>
		</div>
		<div data-options="region:'east',iconCls:'icon-reload,split:true'" title="Tree Menu" style="width:180px;padding:1px">
		</div>
		<div data-options="region:'west',split:true" title="west Menu" style="width:280px;padding1:1px;overflow:hidden;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="Title1" style="padding:10px;overflow:auto;">
					<ul class="easui-tree">
						<li iconCls="icon-base">
							<span>China</span>
							<ul>
								<li iconCls="icon-gears">
									<a href="#" onclick="open1('toLogin')">login</a>
								</li>
								<li iconCls="icon-gears">
									<a href="#" onclick="open1('toReg')">reg</a>
								</li>
								<li iconcls="icon-gears">
									<a href="#" onclick="open1('toFindAllUser')">toFindAllUser</a>
								</li>
							</ul>
						</li>
						<li iconCls="">
							<span>TaiWan</span>
							<ul>
								<li iconCls="icon-gears">
									<a href="#" onclick="open1('exit')">exit</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<div title="Title2" style="padding:10px">
					<p>content2</p>
				</div>
				<div title="Title3" style="padding:10px">
					<p>content3</p>
				</div>
			</div>
		</div>
		<div data-options="region:'center'" title="main title" style="overflow:hidden;">
			<div id="tt" class="easyui-tabs" fit="true" border="false" plain="true">
				<div title="Welcome" href="toLogin.action"></div>
			</div>			
		</div>
		
		<script>
			$(function(){
				
			})
			
			function open1(plugin){
				if($('#tt').tabs('exists',plugin)){
					$('#tt').tabs('select',plugin);
				}else{
					$('#tt').tabs('add',{
						title:plugin,
						href:plugin+'.action',
						closable:true
						
					});
				}
			}
		</script>
	</body>
</html>